<template>
	<view class="content">
		<!-- <image class="logo" src="/static/bg.png" mode="widthFix" style="width: 100%;"></image> -->
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" class="banner">
			<swiper-item class="banner">
				<image src="/static/index/1.png.png" mode="widthFix" class="banner"></image>
			</swiper-item>
		</swiper>
		<view class="bz p-2">
			<view class="bz p-2 bg-white b-radius2 header d-flex flex-nowrap a-center">
				<image src="/static/index/6.png.png" class="user_pic" mode="aspectFill"></image>
				<view class="bz px-2 user_name flex-1">微信用户，您好</view>
				<view class="code">0张优惠卷</view>
			</view>
			<image src="/static/index/5.png.png" mode="widthFix" class="mt-2" style="width: 100%;"></image>
			<image src="/static/index/4.png.png" mode="widthFix" class="mt-2" style="width: 100%;"></image>
			<image src="/static/index/7.png.png" mode="widthFix" class="mt-2" style="width: 100%;"></image>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
				this.getInfo();
		},
		methods: {
				getInfo(){
					this.$api.sendRequest({
						url: '/base/api/SelectById/AppUsers?rowId=3',
						data:["图像","所在区域","登陆手机","用户名称","推广人:id|用户名称","性别","NodeType"],
						method:'POST',
						timeout:60000,
						success: res => {
							uni.hideLoading();
							console.log(res)
							
							if(res.status=='ok'){
								
							}else{
								uni.showToast({
									title:res.data,
									icon:"none"
								})
							}
						},
						fail: () => {
							uni.hideLoading();
							
						}
					});
				}
		}
	}
</script>

<style scoped lang="scss">
	.banner{
		height: 400rpx;
		width: 100%;
	}
	.user_pic{
		width: 70rpx;
		height: 70rpx;
		border-radius: 50%;
	}
	.user_name{
		font-size: 30rpx;
		color: #000;
		font-weight: 400;
	}
	.code{
		background-color: #2E517F;
		height: 50rpx;
		line-height: 50rpx;
		font-size: 25rpx;
		color: #fff;
		display: inline-block;
		padding: 0 30rpx;
		border-radius: 25rpx;
	}
</style>
